@charset "utf-8";
/* 
 * reset_complete.css by Hou 
 * 根据项目自行删减无效项
*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body{margin:0;font:14px/1.5 Arial,sans-serif;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0;text-decoration:none}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:none dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
h1,h2,h3,h4,h5,h6{font-size: 100%}
ul,ol,li{list-style:none}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none; max-width:100%; height:auto}
svg:not(:root){overflow:hidden}
input,label,img,th{vertical-align:middle;outline:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0;color: inherit;}
optgroup{font-weight:700}
button,input{overflow:visible}
button,select{text-transform:none}
table{border-collapse:collapse;border-spacing:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{clear:both;content:' ';display:block;width: 0;height: 0;visibility:hidden;}
h4{color: #012249; display: block; font-size: 24px; font-weight: 200; line-height: 30px;  margin-bottom: 10px;}
h5, .h5 { color: #012249;  display: block; font-size: 2.4rem; font-weight: 200; line-height: 3rem; margin-bottom: 10px;}

/*start*/
.fullSlide{ width:100%;  position:relative;  height:600px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .bd li img{ display:none}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;text-align:center;	 _background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:5px; background:#dadada; overflow:hidden; 	line-height:9999px; border-radius: 100%;}
.fullSlide .hd ul .on{ background:#0092ce; }


/*nav begin*/
.nav-box{	height:80px; /*background:url(../images/nav_bg1.png) repeat-x;*/  background:#161c60; width:100%; z-index:2;}
.header{ width:1200px; margin:0 auto}
.logo{	float:left; width:250px; margin:6px 0 0}
.logo img{
	max-width:90%;
}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.navBar{ width:950px; /*margin:0 0 0 100px;*/ z-index:1; color:#fff; height:80px; line-height:80px;   float:left}
	.nav1{}
	.nav1 h3{ font-size:100%; font-weight:normal; font-size:16px;  text-align:center}
	.nav1 .m{ float:left;margin:0; display:inline;padding:0 15px; }
	.nav1 .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; 	}
	.nav1 h3 a{  zoom:1;  height:80px; line-height:80px; padding:0 0;  display:block; color:#fff }
	.nav1 .m:hover{	background:rgb(55,61,67)}
	.nav1 .on h3{  }
	.nav1 .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
	.nav1 .sub{ display:none; /*默认隐藏*/ width:108px; padding:10px 0 20px;  position:absolute; left:0; top:80px;  background:url(../images/nav_bg2.png) repeat-x bottom center;  float:left; line-height:30px; width:100%; z-index:1}
	.nav1 .sub li{   }
	.nav1 .sub li a{ color:#333; display:block; zoom:1;}
	.nav1 .sub li a:hover{  background:#ddd; color:#c00;   }
	.nav1 .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:15px 29px; line-height:26px;  }
	.nav1 .sub dl a:hover{ color:#c00;  }
	.nav1 .sub dl dt a{ color:#000;  }
	.nav1 .sub dl dd a{ color:#999; padding-left:7px; background:url(images/icon.png) 0 -332px no-repeat;  }
	.navallbox{ overflow:hidden}
	.navallbox a{	color:#012249;}
	.navallbox a:hover{	color:#3baee7}
	.navallbox a span{	font-weight:bold; margin-right:5px;}
	.navallbox > div{ float:left}
.miaoshu{	width:340px; margin:10px 20px 0; color:#012249;}
.miaoshu p{	text-transform:uppercase; text-align:center}
.miaoshu-text{ line-height:25px; text-align:justify}
.miaoshu-img{	margin-top:55px;}

.mobile-nav-btn{ position:absolute; right:10px; top:18px; z-index:3; font-size:22px; color:#fff; cursor:pointer; display:none}
.mobile-nav{     position: absolute;  top: 50px;  right: 2%;  background: #fff; border: 1px solid #ccc;  border-radius: 3px; display: none; z-index: 9999; width:50%}
.mobile-nav > li{ width:100%; font-size:16px; line-height:35px; border-bottom:1px solid #ccc; text-align:center}
.mobile-nav > li > ul { display:none;}
.mobile-nav > li > ul > li{ font-size:12px; line-height:30px;}

.index-box{	width:1200px; margin:0 auto 30px; overflow:hidden; color:#333;}
.index-box-tit{	font-size:30px; border-bottom:1px #e5e5e5 solid; width:1200px; margin:0 auto }
.index-box-lf{	width:100%;/* float:left*/background:url(../images/bg18.png) bottom center no-repeat; padding: 0 0 30px; margin:4px 0 0 }
.index-box-lf ul{	overflow:hidden}
.index-box-lf ul li{	float:left; width:24%; margin:0 0.5% 20px 0.5%}
.index-box-lf ul li a{	color:#333;}
.index-box-lf-img{	overflow:hidden}
.index-box-lf ul li img{	width:100%; height:177px; transition:all 0.3s}
.index-box-lf ul li:hover a{	color:#3baee7;}
.index-box-lf ul li:hover img{-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -transform: scale(1.1,1.1);}
.index-box-lf ul li h1{	font-size:18px; margin:15px 0 5px}
.index-box-lf ul li p{	font-size:12px; line-height:18px; min-height:48px;}
.index-box-lf ul li p em{	color:#00a2e1}


/*we*/
.we{	overflow:hidden; width:100%; margin:4px auto 0;}
.we-lf{	float:left; width:100%; }
.we-lf-img{	}
.we-lf-img img{	width:100%;}

/*.we-rg{	float:right; width:40%; font-size:22px; color:#8a8a8a; margin:7% 0 0}
.we-rg p{	margin-bottom:15px;}
.we-rg a{	color:#8a8a8a}
.we-rg img{	width:26px; margin-right:21px;}*/

/*footer开始*/
.footer-box{	background:#161c60; width:100%; height:414px; }
.footer{	width:1200px; margin:0 auto; color:#fff; overflow:hidden}
.footer-lf{	float:left; width:25%; margin-top:24px;}
.footer-center{	float:left; width:25%; color:#fff; margin:0 0 0 123px;}
.footer-center a{	color:#fff;}
.links{	font-size:20px; padding-top:29px;}
.links-box{	 margin-top:47px;}
.links-box h2{	color:#00a2e1; }
.links-box p{	padding:10px 0 5px}
.links-box a{	text-decoration:underline;}
.links-box a:hover{	color:rgb(245, 122, 35); text-decoration:none}	
.footer-rg{	float:right; width:32%;}
.liaotian{	margin:24px 0 20px;}
.liaotian a{	margin:0 5px 0 0;}
.liaotian a img{	width:32px; height:32px;}
.liaotian a img:hover{animation: xuanzhuan 1s infinite; -webkit-animation: xuanzhuan 1s infinite; }
@-webkit-keyframes 'xuanzhuan' {from {-webkit-transform:perspective(400px) rotateY(0deg);}to {-webkit-transform:perspective(400px) rotateY(360deg);}} 

.app{	overflow:hidden; padding:4px 0}
.app img{	float:left; width:18px;}
.app p{	float:right; width:360px; }
.app a{	color:#fff;}
.app a:hover{	color:#00a2e1}
.footer-bt{	border-top:#d1d1d1 1px solid; color:#fff; width:1200px; margin:16px auto 0; text-align:center; padding:26px 0 0; }




/*地图*/
.map{	width:100%; height:300px}
#map { height: 300px; position: relative; width: 100%;}
.maps-frame { height: 300px; width: 100%;}
.kd-tabbed-vert.header-links .kd-tabbutton a {color: #757575; display: inline-block;height: 100%; padding: 0 24px; width: 100%;}
.kd-tabbed-vert.header-links .kd-tabbutton { padding: 0;}
.kd-tabbed-vert.header-links .kd-tabbutton.selected a { color: #03a9f4;}
.kd-tabbed-vert.header-links .kd-tabbutton a:focus { text-decoration: none;}
p.top-desc {  padding: 1em 1em .1em 1em;}
p.bottom-desc { padding: 0em 1em 1em 1em;}


/*PRO*/
.product-box{	width:1000px; margin:0 auto 50px}
.pro-banner{	width:1000px; height:425px}
.div_title{position: relative;  z-index: 100; margin-top: -38px; background:#0095cf; color:#fff; height:38px; line-height:38px; width:140px; text-align:center; font-size:26px; }
.div_title2{ background:url(../images/4_07.jpg) center bottom repeat-x; overflow:hidden; margin:10px 0 0}
.div_title2 a{ display:block; color:#4c4c4c; margin-right:64px; height:34px; line-height:34px; padding-bottom:3px; float:left; font-size:14px;} 
.div_title2 a:hover,.div_title2 .a1{ border-bottom:3px solid #0b3085; padding-bottom:0px;}
.div_title2 .a2{ margin-right:0px;}

.main2-list{overflow: hidden; margin:20px auto 40px; width:1034px;}
.main2-list li{float: left; width: 480px; margin: 17px 34px 17px 0;border-bottom:3px #3568aa solid; padding:0 0 30px }
.main2-list li a{	display:block}
.main2-list li label{	line-height:26px; color:#555555; font-size:14px; font-weight:normal; margin:20px 0 0; min-height:52px;}

.pro-box{	position:relative;  overflow:hidden}
.main2-list li h2{color: #fff; font-size: 16px; height:35px; line-height: 35px; position:absolute; bottom:0; left:0; padding:0 20px; background:url(../images/bg_3.png) no-repeat 439px 10px rgba(16,34,70,0.5); width:100%; transition:all 0.3s}
.main2-list li:hover h2{	background:url(../images/bg_4.png) no-repeat 429px 10px #102246}
.main2-list li img{	transition:all 0.3s; width:480px; height:295px  }
.main2-list li:hover img{	-webkit-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1);
    -transform: scale(1.1,1.1);}
.pages{text-align:center;margin:36px 0 70px;}
.pages a,
.pages span{border:1px solid #dddddd;padding:6px 12px;border-radius:4px;background:#fff;color:#666666}
.pages span{background:#3464b0 ;color:#fff;border:1px solid #3464b0 ;}
.pages a:hover{background:#3464b0 ;color:#fff;border:1px solid #3464b0 ;}
.pages span:hover{background:#3464b0 ;color:#fff;border:1px solid #3464b0 ;}
.people-tit{	font-size:25px; text-transform:uppercase; line-height:50px; border-bottom:1px #dedede solid; margin:10px 0 30px}
.people-h h2{	color:#3baee7; font-size:20px; margin:0 0 10px}
.people-h p{	line-height:24px; font-size:}
.people-h img{	width:100%}
.person-bt{	overflow:hidden; margin:0 0 70px}
.person-bt li{	float:left; width:100%; border-bottom:1px #dedede solid; padding:0 0 14px; margin:75px 2% 0; overflow:hidden}
.person-bt-lf{	width:188px; height:188px; float:left; border-radius:99%}
.person-bt-lf img{	width:188px; height:188px; border-radius:90%}
.person-bt-rg{	 float:left; margin:20px 0 0 15px}
.person-bt-rg p{padding:5px 0}
.contact-link {  color: #8a8a8a; display: block; padding: 5px 0 5px 35px;}
.contact-link.contact-phone { background: url(../images/icn-phone.svg) no-repeat 0 50% / auto 24px; font-size: 16px; font-weight: 500;}
.contact-link.contact-mail { background: url(../images/icn-mail.svg) no-repeat 0 50% / 25px auto;font-weight: 100;}
.person-bt-xx em{    font-style: normal;
    color: #8a8a8a;
    background: url(../images/whatsapp.png) no-repeat 0 43% / auto 29px;
    display: block;
    padding: 5px 0 5px 35px;}
.timelist-box{ background:url(../images/bg_5.png) no-repeat center; height:912px; /*margin:0 0 60px*/}
.timelist-sbox{ background:url(../images/list_2.png) repeat-x center 53px; margin-top:60px; opacity:0;}
#timeline {width: 1000px;height: 250px;overflow: hidden;margin: 0 auto;position: relative;}
#timeline #dates {width: 800px;height: 80px;overflow: hidden}
#timeline #dates li {list-style: none;float: left;width: 210px;height: 50px;font-size: 16px;text-align: center;}
#timeline #dates a {line-height: 38px;padding-bottom:60px; display:block; width:100%; color:#333;background:url(../images/icon_25.png) 96px 49px no-repeat; text-decoration:none;}
#timeline #dates .selected {font-size: 17px; background:url(../images/icon_23.png) 96px 42px no-repeat;}
#timeline #issues {width: 1000px;height: 320px;overflow: hidden;background:#f4f4f4;}	
#timeline #issues li {/*width: 1000px;*/height: 170px;list-style: none;float: left; overflow:hidden; padding:30px 0}
#timeline #issues li h1{width:96%; margin:0 auto 15px; font-size:25px; color:#010101; line-height:24px;}
#timeline #issues li p{width:96%; margin:0 auto; text-align: justify;}
.trade{	overflow:hidden; margin:45px 0 90px }
.trade li{	width:310px; float:left; margin:0 2% 0 0}
.trade-img{	margin:0 0 20px; height:217px; width:310px; }
.trade-img img{	max-width:100%; height:auto; max-height:217px}
.trade li h6{	color:#3baee7; line-height:24px}
.trade li h5{	font-size:1.5em}
.trade li span{	display:block; color:#333333; margin:10px 0 0}

.person-bt h2 {  color: #012249; display: block; font-size: 24px;  font-weight: 200; line-height: 30px;margin: 10px 0 10px 0;}
.contact-icon{	margin:74px auto ; height:95px; cursor:pointer; width:740px;}
.contact-icon a{ display:block; float:left; margin-right:28px;}
.contact-icon a img{	width:95px; height:95px; transition:all 0.3s;}
.contact-icon a img:hover{    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -transform: scale(1.1,1.1);}
.contact-bt-img{	width:auto; max-width:100%; height:auto; margin:0 0 60px}	
.form-wrapper{	clear: both; margin-bottom: 70px;}
.label {display: block; font-size: 18px;  font-weight: 900; margin-bottom: 35px; text-align: left; color: #1e2024;padding: 0;}
.form-element-box{	overflow:hidden}
.form-element{	width:48%; float:left; margin:0 2% 20px 0; height:70px}
input, textarea { border: 2px solid #e4e4e4; color: #141412; font-family: inherit; padding: 10px 5px; letter-spacing:1px;}
input[type="text"]{	width:100%}
.element-input-0-box{	overflow:hidden}
.element-input-0{	width:50px; float:left}

select { width: 100%;padding: 11px 5px;border: 2px solid #e4e4e4; }
.form-element-inner{	margin:0 0 20px}
.element-input{	margin:0 0 20px}
.element-input input{	margin:0; letter-spacing:1px;}
.element-input input[type="checkbox"]{	width:15px; height:15px;}
#form_message{	width:98%}
.bt-blue {
    background: #00a2e1 url(../images/arrow-white.svg) no-repeat 95% 55% / auto 17px;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: normal;
    height: 5rem;
    line-height: 5rem;
    padding: 0 50px 0 20px;}
.hint { color: #1e2024; font-size: 1.4rem;line-height: 2.4em;}
.form-box{	margin:50px 0 }
.comments{	width:98%; min-height:100px}
.project-box{}


.productwarp{width:1000px;margin:0 auto;}
.projectwarp{width:688px;margin:0 auto;}
/* .qiye_list,.chanpin_list{float:left; margin:5px 5px 0 2px;padding-bottom: 26px;}
.chanpin_list{margin-left:10px;} */
.chanpin_list{margin:5px auto;}
.qiye_list li{ float:left; width:156px; height:158px; margin:6px 5px;padding-right:2px;border: 1px solid #}
.chanpin_list li{ float:left; width:156px; height:150px; margin:6px 2px;}
.qiye_list li a,.chanpin_list li a{ display:block; float:left;}
.qiye_list li span,.chanpin_list li span{ font-size: 1.125em;font-weight: 400; text-align:center; display:block; padding-top:3px;line-height:30px; float:left; width:100%;font-family:tm-fp-font;color: #666}
.chanpin_list li span:hover{ color: #333}
*+html .qiye_list li span,.chanpin_list li span{width:156px;font-size: 1.125em;font-weight: 400; text-align:center;}
*+html .qiye_list li span{width:156px;font-size:12px; text-align:center;}
.qiye_list li img,.chanpin_list li img{ border:solid 0px #ebebeb;}
.chanpin_list li img{width:148px; height:131px;}
.qiye_list li img{width:156px; height:131px;border: 1px solid #e3e3e3;padding:4px;}
.Czpp_Ce {
	width:19px; float:left; padding:5px 1px 0 2px ; height:150px;
	padding-top:44px;
}
.Czpp_Ce img{ margin-top:20px;}
.Ccont01{width:638px;overflow:hidden; float:left;margin-top:10px;margin-left:5px;}
.Ccont01 .pic{width:148px;float:left; /* border:1px solid #cccccc; */ height:138px;margin-right:12px; }
.Ccont01 .pic img{margin:6px 2px;width:148px;height:131px; /* border: 1px solid #ebebeb; */ }
.Ccont01 .pic .txt{width:160px;text-align:center; font-size:14px;height:25px;font-weight: normal;}
.Ccont01 .pic .txt a{color: #666;}
*+html .rollBox01 .Cont01 .pic{width:180px;float:left;}
#List01,.rollBox01 #List02{float:left; height:180px;}

.cl { clear: both;}
#box {  position: relative; z-index: 20;  height: 56px; margin:20px 0}
#float { width: 100%; height: 56px;  position: absolute;  top: 0; z-index: 20; background: #fff; background: rgba(255,255,255,0.9);}
.producttitle {height: 56px; margin: 0 auto; position: relative; z-index: 12; border-bottom: 1px solid #ededed;}
.producttitle .protitle { color: #444;font-size: 25px; line-height: 56px; font-weight: normal;}
.subBanner { width: 100%; min-height: 350px; line-height:24px;}
.subBanner img{	width:100%}
.blue-arrow-link { background: url(../images/arrow-lightblue.png) no-repeat 100% 60% / auto 12px; display: inline-block;font-size: 1.6rem;font-weight: normal;  letter-spacing: 0.4px;  padding-right: 15px; margin:40px 0 200px}
.blue-arrow-link:hover {  background: url("../images/arrow-lightblue_hover.png") no-repeat 100% 60% / auto 12px;}
.biaoti { text-align: center;margin: 35px 0 20px;font-size: 18px;}
.fh {  margin: 20px 0 40px ; border-top: 1px dashed #ccc;  padding-top: 10px; overflow:hidden}
.lf { float: left;}
.rg {float: right;}
.fh .rg a { background: url(../images/3_14.jpg) no-repeat center left; padding-left: 15px;}

/*轮播*/
	.txMovie{position:relative;width:100%;height:425px; margin:20px 0 50px}
	.focus_pic{width:100%;height:425px;overflow:hidden}
	.focus_pic li{vertical-align:top;  cursor: pointer}
	.focus_pic img{width:100%;height:425px;display:inline-block;vertical-align:top}
	.focus_nav{position:absolute;left:0;bottom:0;background-color:rgba(0, 0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000',endColorstr='#7F000000');width:100%;height:90px;*zoom:1; padding-left:10px;  }
	:root .focus_nav{-ms-filter:none}
	.focus_nav ul{position:relative;*zoom:1; padding-top:13px !important;  }
	.focus_nav li{position:relative;*zoom:1;float:left;display:inline;margin-right:15px; cursor:pointer;}
	.focus_nav .navPrev,.focus_nav .navNext{border:1px solid #fff;background-color:rgba(0, 0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000',endColorstr='#7F000000');display:inline-block;*zoom:1;width:38px;height:36px;line-height:100;overflow:hidden;opacity:.6;filter:Alpha(Opacity=60);background-image:url(../images/focus_nav.png);_background-image:url(../images/focus_nav.ie6.png);background-repeat:no-repeat;position:absolute;top:25px}
	.focus_nav .navPrev{background-position:10px 8px;right:47px;border-right-color:transparent}
	.focus_nav .navNext{background-position:-22px 8px;right:10px}
	.focus_nav .navPrev:hover, .focus_nav .navNext:hover{opacity:1;filter:Alpha(Opacity=100);border-right-color:#fff}
	.focus_nav img{border:2px solid #fff;width:94px;height:63px}
	.focus_nav .on b{color:#fff;position:absolute;top:-10px;left:30px;font-size:10px;font-family:arial;-webkit-text-size-adjust:none}
	.txMovie .focus_nav li .cover{position:absolute;top:0;left:0;width:94px;height:63px;line-height:999px;overflow:hidden;font-size:0;background:#040303;filter:alpha(opacity=30);opacity:.3}
	.txMovie .focus_nav li.on .cover{display:none}
	.txMovie .focus_nav li b{display:none}
	.txMovie .focus_nav li.on b{position:absolute;display:inline-block;top:-6px;left:40px;border-left:6px dashed transparent;border-right:6px dashed transparent;border-top:0;border-bottom:6px solid;color:#fff;font-size:0;width:0;height:0;line-height:0}

.pro-xqimg{	display:none}
.header-pdf-link {
    position: absolute;
    top: 55px;
    right: 49%;
    margin-right: -600px;}
.header-pdf-link a {
    color: #fff;
    background: #3baee7;
    padding: 5px 10px;
    border-radius: 5px;}

@media screen and (max-width:768px) {

.header-pdf-link{margin: 0px; top: -999em; display: none;}
.nav-box{	height:60px; padding:5px 2%}
.header{	width:100%; height:50px; position:relative}
.logo{	margin:0; width:auto; position:absolute; left:0; top:0; height:100%;}
.logo img{	width:auto; height:100%}
.navBar{	display:none}
.hedaer{ width:100%; height:auto}
.mobile-nav-btn{ display:block}
.fullSlide{ height:250px}
.fullSlide .bd ul{
	height:250px !important
}
.fullSlide .bd li{ background:none !important; height:auto}
.fullSlide .bd li img{ display:block; width:100%; height: auto;}
.index-box{	width:100%;padding:0 2%}
.index-box-tit{	background:none; border-bottom:1px #dedede solid; font-size:1.8em;}
.index-box-lf{	width:100%; background-size: contain;}
.index-box-lf ul li{	width:100%; }
.index-box-lf ul li img{	height:auto}
.index-box-lf ul li h1{	font-size:1.4em}
.index-box-lf ul li p{	font-size:1em}
.footer{	width:100%; line-height:24px; }
.map{	 height:300px}
#map{	height:300px}
.maps-frame{	height:300px}
.product-box{	width:100%}
.pro-banner{	width:100%; height:auto}
.pro-banner img{	width:100%; height:auto}
.div_title2{	margin:10px 2%}
.div_title{	width:100px; font-size:1.4em; height:35px; line-height:35px; margin:-35px 0 0;}
.div_title2 a{	margin:0 5% 0 0}
.main2-list{	width:100%; padding:0 2%}
.main2-list li{	margin:0 0 20px; width:48%; margin:0 1%; float:left; padding:0 0 10px}
.main2-list li img{	width:100%; height:auto}
.main2-list li label{	margin:10px 0 0}
.people-box{	padding:0 2%}
.person-bt{	margin:0 0 40px}
.person-bt li{	width:100%; float:none; margin:20px 0 0}
.person-bt-lf{	width:100%; text-align:center}
.person-bt-rg{	width:100%;margin-left:0;margin-top:10px !important;}
.timelist-box{	width:100%; background-size:cover; margin:0 0 20px; height:auto; overflow:hidden;}
#timeline{	width:100%; height:auto}
#timeline #dates li{	width:80px}
#timeline #dates a{	background:url(../images/icon_25.png) 35px 49px no-repeat;}
#timeline #dates .selected{	background:url(../images/icon_23.png) 29px 42px no-repeat;}

.trade{	margin:20px 0;}
.trade li{	width:100%; float:none; margin:0 0 20px}
.trade-img{	margin:0 0}
.trade-img img{	width:auto; max-width:100%; height:auto}
.trade li span{	margin:0}
.contact-icon{	margin:0 0 40px; height:auto; overflow:hidden; width:100% }
.contact-icon a{	margin:0 1%; width:14.5%}
.contact-icon a img{	width:100%; height:auto}
.contact-bt-img img{	width:auto; max-width:100%; height:auto}

.form-element{	width:100%; float:none}
.form-wrapper{	margin:0 0 40px}
select{	width:100%}
.blue-arrow-link{	margin:40px 0;}
.project-box{	width:100%;}
.projectwarp{	width:100%;}
#box{	padding:0 2%}
.subBanner{	padding:0 2%}
#List01, .rollBox01 #List02{	height:auto}
.Czpp_Ce{	width:8%; height:auto; padding:0; text-align:center}
.Ccont01{	width:84%; margin:10px 0 0}
.Ccont01 .pic{	 margin:0 5px 0 0; height:auto}
.Ccont01 .pic img{	width:100%; margin:0; height:100%}
.Ccont01 .pic .txt{	width:100%}

.txMovie{	height:auto; display:none }
.pro-xqimg{	display:block;}
.pro-xqimg img{	height:auto; width:auto; max-width:100%; margin:0 0 10px}
.timelist-sbox{	margin:0}
#timeline #issues{	height:auto}
#timeline #issues li{	height:235px;/* width:320px;*/ padding:8px 0}

.footer-box{	width:100%; height:auto }
.footer{	width:100%;  color:#fff; }
.footer-lf{	display:none}

.footer-center{	 width:100%; color:#fff; padding:0 2%; margin:0}
.footer-center a{	color:#fff;}
.links{	font-size:2.0em; padding-top:8%;}
.links-box{	 margin-top:3%;}
.links-box h2{	color:#00a2e1; }
.links-box p{	padding:0}
.links-box a{	text-decoration:underline;}
.links-box a:hover{	color:rgb(245, 122, 35); text-decoration:none}	
.footer-rg{	width:100%; padding:0 2%; float:none}
.liaotian{	margin:3% 0}
.liaotian a{	margin:0}
.liaotian a img{	width:13%; margin:0 1%; height:auto}
.app{	overflow:hidden; padding:1% 0}
.app img{	float:left; width:5%;}
.app p{	float:right; width:93%; }
.footer-bt{	border-top:#505c6b 1px solid; color:#fff; width:100%; text-align:center; padding:2% 0 2%; }

.we{	width:100%; padding:0 2%; margin:19px 0 0}
.we-lf{	width:100%; float:none}
.we-rg{	width:100%; float:none; margin:20px auto 0; width:265px;}
.subBanner{	min-height:177px}
.comments{	width:100%}
.hint{	line-height:20px;}
.label{	margin:0 0 10px}	
.Czpp_Ce img{	margin:50px 0 0}
#timeline #dates{	width:100%}
#timeline #issues{	width:100%}
}